<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>应用商城</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
</head>

<body onselectstart="return false">
<div class="main">
  <div class="top">
    <div class="menu">
      <ul>
        <li><span>12</span><a href="#">我喜欢的</a></li>
        <li class="selected"><span>2</span><a href="#">我已买的</a></li>
      </ul>
      <div class="r"></div>
    </div>
    <div class="search">
      <div class="l"></div>
      <div class="c">
        <div class="search_chose"><a href="#" title="选择商品/店铺"><span></span></a></div>
        <div class="search_bar" onclick="searchbarshow(this)" onmouseout="searchbarhide(this)">
          <label for="search_input">请输入商家名称</label>
          <input type="text" value="" name="search_input" />
        </div>
        <div class="search_btn"><a href="#" title="搜索"></a> </div>
        <script type="text/javascript">
function searchbarshow(t) {
    t.className= "search_bar hover";
}
function searchbarhide(t) {
	t.className = "search_bar";
}
</script> 
      </div>
      <div class="r"></div>
    </div>
    <div class="cart"><a href="#" title="购物车"></a></div>
  </div>
  <div class="top_line">
    <div></div>
  </div>
  <div class="show_content">
    <div class="show_bg friend_head">
      <div class="topad"></div>
      <div class="show_head"><small></small><a href="#" title="返回"></a><span></span>跑得快喜欢的</div>
      <div class="friend_list">
        <div class="l"><img src="images/tu.gif" width="40" height="40" />跑得快喜欢的 <br />
          <span>30</span> 件宝贝</div>
        <div class="total">共有25位好友<br />
          <span>2</span>/36
          <div class="page"><a href="#" class="noup"></a><a href="#" class="nodown down"></a></div>
        </div>
        <div class="face">
          <ul>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
            <li><a href="#" title="用户名称"><img src="images/tu.gif" width="30" height="30" /></a></li>
          </ul>
        </div>
        <div class="invite"><a href="#" title="邀请更
多朋友"></a></div>
      </div>
      <div class="viewad"></div>
      <div class="view_list">
       <div class="shop"><a href="#" class="down">喜欢的宝贝</a><a href="#">喜欢的店铺</a></div>
        <div class="page">
          <div class="now"><span>2</span>/36</div>
          <a href="#" class="noup"></a><a href="#" class="nodown down"></a></div>
      
      </div>
      <div class="viewad"></div>
      <div class="show_list">
        <ul>
          <li> <A href="#" class="product"><IMG src="images/tu2.jpg" width=140 height=140></A> <SPAN class="price"><em>¥99.00</em></SPAN> <A href="#" class="name">衬衫领拼接针织衫</A>
            <div class="category"><A href="#" title="赞一个" class="good"><span>赞</span>137人</A><A href="#" title="分享下" class="share"></A></div>
          </li>
          <li> <A href="#" class="product"><IMG src="images/tu2.jpg" width=140 height=140></A> <SPAN class="price"><em>¥99.00</em></SPAN> <A href="#" class="name">衬衫领拼接针织衫</A>
            <div class="category"><A href="#" title="赞一个" class="good"><span>赞</span>137人</A><A href="#" title="分享下" class="share"></A></div>
          </li>
          <li> <A href="#" class="product"><IMG src="images/tu2.jpg" width=140 height=140></A> <SPAN class="price"><em>¥99.00</em></SPAN> <A href="#" class="name">衬衫领拼接针织衫</A>
            <div class="category"><A href="#" title="赞一个" class="good"><span>赞</span>137人</A><A href="#" title="分享下" class="share"></A></div>
          </li>
          <li> <A href="#" class="product"><IMG src="images/tu2.jpg" width=140 height=140></A> <SPAN class="price"><em>¥99.00</em></SPAN> <A href="#" class="name">衬衫领拼接针织衫</A>
            <div class="category"><A href="#" title="赞一个" class="good"><span>赞</span>137人</A><A href="#" title="分享下" class="share"></A></div>
          </li>
          <li> <A href="#" class="product"><IMG src="images/tu2.jpg" width=140 height=140></A> <SPAN class="price"><em>¥99.00</em></SPAN> <A href="#" class="name">衬衫领拼接针织衫</A>
            <div class="category"><A href="#" title="赞一个" class="good"><span>赞</span>137人</A><A href="#" title="分享下" class="share"></A></div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
</body>
</html>
